@media (max-width: 650px) {
    .main-content{
        padding: 0;
        width: 100%;
    }
    .card-header{
        display: none;
    }
    .main-content,
    .tab-container>.card{
        background-color: #EEEEEE;
    }
    .left-sidebar-wrapper{
        height: auto !important;
        position: fixed !important;
        width: 50vw !important;
        text-align: right;
        z-index: 99999;
        top: 0;
        left: 50vw;
    }
    .left-sidebar-wrapper *{
        background: transparent !important;
    }
    .left-sidebar-wrapper .left-sidebar-toggle{
        color: white !important;
        padding-top: 16px;
    }
    .be-left-sidebar .left-sidebar-toggle:before{
        margin-left: 5px;
        color: white;
    }
    .left-sidebar-wrapper .left-sidebar-spacer{
        background: white !important;
        width: 100vw;
        max-height: 50vh;
        overflow-y: scroll;
        transform: translateX(-50vw);
        text-align: left;
        border-bottom: 2px  solid #4285f4;
    }
}
